<!DOCTYPE html>
<html>
    <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>index</title>
        <link rel="stylesheet" type="text/css" href="/static/css/style_v1.0.css" />
        <link rel="stylesheet" type="text/css" href="/static/css/form_v1.0.css" />
        <link rel="stylesheet" type="text/css" href="/static/css/global_v1.0.css" />

        <script type="text/javascript" src="/static/js/jquery.min.js">
        </script>
        <script type="text/javascript" src="/static/js/common_v1.0.js">
        </script>
        <script type="text/javascript" src="/static/js/jquery.lazyload.mini.js">
        </script>
        {% if items %}
            <script type="text/javascript" src="/static/js/json2.js"></script>
            <script type="text/javascript" src="/static/js/swfobject.js"></script>
            <script type="text/javascript">
                swfobject.embedSWF("/static/flash/ofc.swf", "chart_box", "600", "400", "9.0.0");
            </script>
            <script type="text/javascript">
                var data_1 = {{chartJson}};
                function open_flash_chart_data()
                {
                    return JSON.stringify(data_1);
                }
            </script>
        {% endif %}
    </head>
    <body>
        <div id="langArea">
            <div class="opacityBorder">
            </div>
            <div id="langInner">
                <div class="loading" id="loading">
                    <img src="static/css/img/loading.gif" alt="loading..." />
                    &nbsp;loading...
                </div>
            </div>
        </div>
        <div class="head">
            <a class="logo" href=""></a>
            <div class="headLeftText">
                <div class="linkText">
                    <ul>
                        <li>
                            <a href="#" class="start">全球</a>
                            <span></span>
                        </li>
                        <li>
                            <a href="#">中文</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="headRightText">
                <div class="linkText">
                    <ul>
                        <li class="icon userHead">
                            <a href="#"></a>
                        </li>
                        <li>
                            <a href="#" class="start">MyName</a>
                            <span></span>
                        </li>
                        <li>
                            <a href="#">设置</a>
                            <span></span>
                        </li>
                        <li>
                            <a href="#">退出</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="mainNav">
            <div class="wrap">
                <div class="leftNav">
                    <ul>
                        <li class="current">
                            <a href="#"title="首页">
                            <span class="icoMainPage"></span>
                            </a>
                        </li>
                        <li>
                            <a href="#">热门的</a>
                        </li>
                        <li>
                            <a href="#">最近的</a>
                        </li>
                        <li>
                            <a href="#">大家的</a>
                        </li>
                        <li>
                            <a href="#">会员</a>
                        </li>
                        <div style="clear:both;">
                        </div>
                    </ul>
                </div>
                <div class="rightNav">
                    <ul>
                        <li>
                            <a href="#">上传新搭配</a>
                        </li>
                        <li>
                            <a href="#">上传新搭配</a>
                        </li>
                        <li>
                            <a href="#">上传新搭配</a>
                        </li>
                        <div style="clear:both;">
                        </div>
                    </ul>
                </div>
                <div style="clear:both;">
                </div>
            </div>
        </div>
        <div class="banner">
            <a href="#">
            <img src="static/img/banner.jpg" alt="banner" title="banner" />
            </a>
            <!--<div class="flashAd" style="height: 250px;width: 960px;margin:0 auto;">
            <embed style="height: 250px;width: 960px;" wmode="opaque"
            pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
            type="application/x-shockwave-flash" quality="high"
            src="http://drmcmm.baidu.com/media/id=nWndnj6vPWD&amp;gp=402&amp;time=nHnsP1mLnWmYn0.swf">
            <a class="flashUrl" href="http://www.baidu.com"></a>
            </div>-->
        </div>
        <div class="wrap">

            <div class="sideArea">
                <div class="note">
                    <div class="label">
                        <div class="icon notice">
                        </div>
                        <h5>最新通告</h5>
                        <div class="more">
                            <a href="#">查看更多>></a>
                        </div>
                    </div>
                    <div class="infos">
                        <div class="info">
                            <h6 class="title">
                            <a href="#">大家新年快乐</a>
                            </h6>
                            <span class="des">轻松实现与制定人群分享视频轻松实现与制定人群分享视频</span>
                        </div>
                        <div class="info">
                            <h6 class="title">
                            <a href="#">找我所想，买我所爱！</a>
                            </h6>
                            <span class="des">分享的搭配可以同步豆瓣网、新浪微博啦！</span>
                        </div>
                        <div class="info">
                            <h6 class="title">
                            <a href="#">新移动网站</a>
                            </h6>
                            <span class="des">在手机上体验完整的功能</span>
                        </div>
                    </div>
                </div><!---->
                <div class="ad">
                    <a href="#">
                    <img src="static/img/ad.jpg" width="305" height="221" alt="ad" title="ad" />
                    </a>
                </div>
                <!--<div class="ad" style="height: 40px;width: 305px;">
                <embed style="height: 40px;width: 305px;" wmode="opaque"
                pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
                type="application/x-shockwave-flash" quality="high"
                src="http://drmcmm.baidu.com/media/id=nWndnj6vPWD&amp;gp=402&amp;time=nHnsP1mLnWmYn0.swf">
                <a class="flashUrl" href="http://www.baidu.com"></a>

                </div>-->
            </div>
            <div class="serach_box">
                <div class="serach_input serach_C">
                    <FORM id="ac_form" name="searchform" action="/q" method="post">
                        <input type="text" name="setQ" value="任意文件 即刻搜索" class="serach_input serach_input_text_gray" /> <span class="serach_btn serach_btn_P"><a><input type="submit" value="" name="submit" /></a></span><!-- INPUT内未输入字符时样式为serach_input_text_gray 输入后为serach_input_text -->
                    </FORM>
                </div>
            </div>
            {% if items %}
            <div class="total_result">
                <table width="200" border="0">
                    <tr>
                        <td>宝贝数</td>
                        <td>{{items["total_results"]}}</td>
                    </tr>
                    <tr>
                        <td>总销售数</td>
                        <td>{{sumvolume}}</td>
                    </tr>
                    <tr>
                        <td>平均售价</td>
                        <td>{{avgprice}}</td>
                    </tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                    </tr>
                </table>

            </div>

             <div class="chart_box" id="chart_box" />
            <ul class="listItems">

{% if 1 == 0 %}
                {% for item in items["item_search"]["items"]["item"] %}
                <li>
                    <a href="#" class="itemBox">
                    <span class="image">
                      {% if item.has_key("pic_url") %}
                        <img src="${item["pic_url"]}" alt="${item["title"]}" title="1" />
                      {% endif %}
                    </span>
                    <span class="detail">
                        {{item["title"]}}
                    </span>
                    </a>
                </li>
                {% endfor %}
              {% endif %}
{% endif %}
            </ul>
        </div>
        <div class="wait">
            <div class="wrap">
                <img src="static/css/img/loading.gif" align="loading..." />
                &nbsp;图片正在加载中,请稍等...
            </div>
        </div>
        <div class="paginator">
            <div class="wrap">
                <ul>
                    <li>
                        <a href="#">&lt;&lt;</a>
                    </li>
                    <li>
                        <a href="#">1</a>
                    </li>
                    <li>
                        <a href="#">2</a>
                    </li>
                    <li class="ellipsis">
                        ...
                    </li>
                    <li class="current">
                        6
                    </li>
                    <li>
                        <a href="#">7</a>
                    </li>
                    <li>
                        <a href="#">8</a>
                    </li>
                    <li class="ellipsis">
                        ...
                    </li>
                    <li>
                        <a href="#">28</a>
                    </li>
                    <li>
                        <a href="#">29</a>
                    </li>
                    <li>
                        <a href="#">&gt;&gt;</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="foot">
            <div class="wrap">
                <ul class="navs">
                    <li class="start">
                        <a href="#">帮助</a>
                    </li>
                    <li>
                        <a href="#">关于</a>
                    </li>
                    <li>
                        <a href="#">安全</a>
                    </li>
                    <li>
                        <a href="#">隐私权</a>
                    </li>
                    <li>
                        <a href="#">条款</a>
                    </li>
                    <li>
                        <a href="#">版权</a>
                    </li>
                    <li>
                        <a href="#">上传者和合作伙伴</a>
                    </li>
                    <li>
                        <a href="#">开发人员</a>
                    </li>
                    <li>
                        <a href="#">广告</a>
                    </li>
                </ul>
                <div class="info">
                    &copy; 2010 YouTobe.LLC
                </div>
            </div>
        </div>
        <div class="goTop">
            ▲
            回顶部
        </div>
    </body>
    <script>
        var $side = $(".sideArea");
        $side.find("img").load( function() {
            //fixedHeight($side);
        })
        var $top = $(".goTop");
        showTop($top);
        $(window).scroll( function() {
            showTop($top);
            if($(window).scrollTop()+$(window).height()> $(".listItems").height()) {
                $(".wait").show();
                setTimeout("loadItemBoxes()",1000);
                setTimeout(function(){},1000);
            }
        });
        $( function() {
            $("img").lazyload({
                placeholder : "static/img/o_loading.gif",
                effect : "fadeIn"
            });

            $top.click( function() {
                $(document).scrollTop(0);
            });
            $(".sideArea .note .icoLabel,h5").click( function() {
                $(this).closest(".sideArea").hide();
            });
        })
    </script>
</html>